<div id="writeOweFeeCallableModel" class="modal fade" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                <h3 class="m-t-none m-b ">
                    <vc:i18n name="催缴登记" namespace="writeOweFeeCallable"></vc:i18n>
                </h3>
                <div class="ibox-content">
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label text-right">
                            <vc:i18n name="登记房屋" namespace="writeOweFeeCallable"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <input v-model="writeOweFeeCallableInfo.roomName" readonly type="text"
                                :placeholder="vc.i18n('必填，请填写房屋','writeOweFeeCallable')" class="form-control">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label text-right">
                            <vc:i18n name="催缴费用" namespace="writeOweFeeCallable"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <span class="margin-right" v-for="(item,index) in writeOweFeeCallableInfo.fees">
                                <input type="checkbox" class="i-checks checkItem" v-bind:value="item.feeId"
                                    v-model="writeOweFeeCallableInfo.feeIds"> {{item.feeName}}
                            </span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label  text-right">
                            <vc:i18n name="区域管家" namespace="writeOweFeeCallable"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <textarea class="form-control" rows="1" v-model="writeOweFeeCallableInfo.areaManage"
                                placeholder="请输入区域管家姓名"></textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label  text-right">
                            <vc:i18n name="店铺名称" namespace="writeOweFeeCallable"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <textarea class="form-control" rows="1" v-model="writeOweFeeCallableInfo.shopName"
                                placeholder="请输入店铺名称"></textarea>
                        </div>
                    </div>


                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label text-right">
                            <vc:i18n name="使用性质" namespace="writeOweFeeCallable"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <select class="custom-select" v-model="writeOweFeeCallableInfo.nature">
                                <!-- <option  disabled value="">{{vc.i18n('必填，请选择跳转类型','addHousekeepingType')}}</option> -->
                                <option selected value="1">自用</option>
                                <option value="2">出租</option>
                            </select>
                        </div>
                    </div>

                    
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label text-right">
                            <vc:i18n name="商铺经营类型" namespace="writeOweFeeCallable"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <select class="custom-select" v-model="writeOweFeeCallableInfo.shopType">
                                <!-- <option  disabled value="">{{vc.i18n('必填，请选择跳转类型','addHousekeepingType')}}</option> -->
                                <option selected value="1">百货</option>
                                <option value="2">餐饮</option>
                                <option value="3">服装</option>
                                <option value="4">教培</option>
                                <option value="5">美容健身</option>
                                <option value="6">医疗</option>
                                <option value="7">娱乐</option>
                                <option value="8">营业厅</option>
                                <option value="9">黄金首饰</option>
                                <option value="10">中介</option>
                                <option value="11">酒店</option>
                                <option value="12">办公</option>
                                <option value="13">其它</option>
                                <option value="14">未经营</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label text-right">
                            <vc:i18n name="住改商类型" namespace="writeOweFeeCallable"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <select class="custom-select" v-model="writeOweFeeCallableInfo.changeType">
                                <!-- <option  disabled value="">{{vc.i18n('必填，请选择跳转类型','addHousekeepingType')}}</option> -->
                                <option selected value="1">民宿</option>
                                <option value="2">办公</option>
                                <option value="3">美容健身</option>
                                <option value="4">教培</option> 
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label text-right">
                            <vc:i18n name="交费主体" namespace="writeOweFeeCallable"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <select class="custom-select" v-model="writeOweFeeCallableInfo.costMain">
                                <!-- <option  disabled value="">{{vc.i18n('必填，请选择跳转类型','addHousekeepingType')}}</option> -->
                                <option selected value="1">业主</option>
                                <option value="2">租户</option>
                                <option value="3">开发公司</option>
                                <option value="4">商业公司</option> 
                                <option value="5">多个主体</option> 
                            </select>
                        </div>
                    </div>


                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label text-right">
                            <vc:i18n name="欠费原因大类" namespace="writeOweFeeCallable"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <select class="custom-select" v-model="writeOweFeeCallableInfo.causea">
                                <!-- <option  disabled value="">{{vc.i18n('必填，请选择跳转类型','addHousekeepingType')}}</option> -->
                                <option selected value="1">开发商原因</option>
                                <option value="2">商业公司原因</option>
                                <option value="3">物业服务原因</option>
                                <option value="4">客户原因</option> 
                                <option value="5">交费习惯</option> 
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label text-right">
                            <vc:i18n name="欠费原因小类" namespace="writeOweFeeCallable"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <select class="custom-select" v-model="writeOweFeeCallableInfo.causeb">
                                <!-- <option  disabled value="">{{vc.i18n('必填，请选择跳转类型','addHousekeepingType')}}</option> -->
                                <option selected value="11"  v-if="writeOweFeeCallableInfo.causea == '1' ">开发工程质量</option>
                                <option value="12"  v-if="writeOweFeeCallableInfo.causea == '1' ">开发承诺</option>
                                <option value="13"  v-if="writeOweFeeCallableInfo.causea == '1' ">开发空置房</option> 
                                <option value="14"  v-if="writeOweFeeCallableInfo.causea == '1' ">开发其它</option> 

                                <option value="21"  v-if="writeOweFeeCallableInfo.causea == '2' ">未退租户保证金</option>
                                <option value="22"  v-if="writeOweFeeCallableInfo.causea == '2' ">返租租金未支付</option>
                                <option value="23"  v-if="writeOweFeeCallableInfo.causea == '2' ">商业空置房</option>
                                <option value="24"  v-if="writeOweFeeCallableInfo.causea == '2' ">商业公司代交</option> 
                                <option value="25"  v-if="writeOweFeeCallableInfo.causea == '2' ">商业其它</option> 


                                <option value="31"  v-if="writeOweFeeCallableInfo.causea == '3' ">工程服务</option>
                                <option value="32"  v-if="writeOweFeeCallableInfo.causea == '3' ">秩序服务</option>
                                <option value="33"  v-if="writeOweFeeCallableInfo.causea == '3' ">客服服务</option>
                                <option value="34"  v-if="writeOweFeeCallableInfo.causea == '3' ">保洁质量</option> 
                                <option value="35"  v-if="writeOweFeeCallableInfo.causea == '3' ">绿化质量</option> 
                                <option value="36"  v-if="writeOweFeeCallableInfo.causea == '3' ">无时效内催收依据</option> 

                                <option value="41"  v-if="writeOweFeeCallableInfo.causea == '4' ">邻里纠纷</option>
                                <option value="42"  v-if="writeOweFeeCallableInfo.causea == '4' ">社区配套</option>
                                <option value="43"  v-if="writeOweFeeCallableInfo.causea == '4' ">业主失联</option>
                                <option value="44"  v-if="writeOweFeeCallableInfo.causea == '4' ">产权变更</option> 
                                <option value="45"  v-if="writeOweFeeCallableInfo.causea == '4' ">经济原因</option> 
                                <option value="46"  v-if="writeOweFeeCallableInfo.causea == '4' ">政策原因</option> 
                                <option value="47"  v-if="writeOweFeeCallableInfo.causea == '4' ">租户逃租</option> 

                                <option value="51"  v-if="writeOweFeeCallableInfo.causea == '5' ">正常周期交费（月交）</option>
                                <option value="52"  v-if="writeOweFeeCallableInfo.causea == '5' ">正常周期交费（次月交）</option>
                                <option value="53"  v-if="writeOweFeeCallableInfo.causea == '5' ">正常周期交费（季交）</option>
                                <option value="54"  v-if="writeOweFeeCallableInfo.causea == '5' ">正常周期交费（半年交）</option> 
                                <option value="55"  v-if="writeOweFeeCallableInfo.causea == '5' ">正常周期交费（年交）</option> 
                                <option value="56"  v-if="writeOweFeeCallableInfo.causea == '5' ">冲电费时交</option> 
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label text-right">
                            <vc:i18n name="回收方式" namespace="writeOweFeeCallable"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <select class="custom-select" v-model="writeOweFeeCallableInfo.recycle">
                                <!-- <option  disabled value="">{{vc.i18n('必填，请选择跳转类型','addHousekeepingType')}}</option> -->
                                <option selected value="1">正常催收</option>
                                <option value="2">解决问题催收</option>
                                <option value="3">律所催收</option>
                                <option value="4">呆账处理</option> 
                                <option value="5">分段多方式催收</option> 
                            </select>
                        </div>
                    </div>


                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label text-right">
                            <vc:i18n name="责任部门" namespace="writeOweFeeCallable"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <select class="custom-select" v-model="writeOweFeeCallableInfo.dutyDept">
                                <!-- <option  disabled value="">{{vc.i18n('必填，请选择跳转类型','addHousekeepingType')}}</option> -->
                                <option selected value="1">客服部</option>
                                <option value="2">工程部</option>
                                <option value="3">秩序部</option>
                                <option value="4">环境部</option> 
                                <option value="5">项目</option> 
                            </select>
                        </div>
                    </div>



                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label  text-right">
                            <vc:i18n name="催缴详情" namespace="writeOweFeeCallable"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <textarea class="form-control" rows="5" v-model="writeOweFeeCallableInfo.remark"
                                placeholder="请输入催缴详情"></textarea>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label  text-right">
                            <vc:i18n name="解决的措施" namespace="writeOweFeeCallable"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <textarea class="form-control" rows="5" v-model="writeOweFeeCallableInfo.measure"
                                placeholder="请输入解决的措施"></textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label  text-right">
                            <vc:i18n name="里程碑" namespace="writeOweFeeCallable"></vc:i18n>
                        </label>
                        <div class="col-sm-10">
                            <textarea class="form-control" rows="5" v-model="writeOweFeeCallableInfo.milestone"
                                placeholder="什么时间要做到什么结果"></textarea>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <button class="btn btn-primary float-right" type="button" @click="_wirteCallable()">
                            <i class="fa fa-check"></i>&nbsp;提交
                        </button>
                        <button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
                            data-dismiss="modal"><span>
                                <vc:i18n name="取消" namespace="writeOweFeeCallable"></vc:i18n>
                            </span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>